<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>杂思-爱的分享-玫瑰情人网</title>
  <meta name="mobile-agent" content="format=html5; url=https://m.mgqr.com/news/521522.htm" />
  <link rel="alternate" media="only screen and(max-width: 640px)" href="https://m.mgqr.com/news/521522.htm" />
  <script src="../script/jquery-2.0.0.min.js" type="text/javascript"></script>
  <link rel="stylesheet" type="text/css" href="../style/article.css" />
  <script type="text/javascript" src="../script/common.js"></script>
  <link rel="stylesheet" type="text/css" href="../style/default.css" />
  <style type="text/css">
    [v-cloak]{
      display: none;
    }
  </style>
 </head>
 <body>

  <iframe src="./header.html" style='width:100%;height:65px;'></iframe>

  <div id="menu">
   <div class="frame">
    <div class="user_msg">
     <a id="t_msg" class="t_msg" href="javascript:;" rel="nofollow"><i class="i_total"></i></a>
     <a id="t_user" class="t_user" href="javascript:;" rel="nofollow"></a>
    </div>

    <div id="navBd">
     <ul>
      <li><a href="./search.html">女士</a></li>
      <li><a href="./search.html">男士</a></li>
      <li><a href="./yuehui.html">约会</a></li>
      <li><a href="./article.html">故事</a></li>
      <li><a href="./hongbao.html">红包</a></li>
     </ul>
     <div class="move-bg"></div>
    </div>
   </div>
  </div>
  <div id="content" class="frame" v-cloak>
    <br>
   <dl id="news" class="">
    <dt>
     {{data.title}}
    </dt>
    <dd class="news_tag">
     <p><a href="https://www.mgqr.com/user/4553186.html" class="green">{{data.name}}</a>发表于<time pubdate="2018-10-11 0:00:00">{{data.created}}</time>| 人气：{{data.hot}}</p>
    </dd>
    <dd class="new_body">
     <div class="motifs"></div>
     <article>
      {{data.content}}
      <br />
      <br />
     </article>
    </dd>
   </dl>

  </div>

  <br />
  <br />
  <iframe src="./footer.html" style='width:100%;height:69px;'></iframe>

  <script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17-beta.0/vue.min.js'></script>
  <script type="text/javascript" src='./article.js'></script>
  <script type="text/javascript">
    new Vue({
      el:'#content',
      data:function(){
        return {
          data:{}
        }
      },
      mounted(){
        let id = location.search.split('=')[1];
        console.log(id);
        this.data = articleList[id];
      }
    })
  </script>

 </body>
</html>